//查询结果模块

<template>
	<div class="caseQuery_contianer">
		<div v-if="data">
			<!--right 1-->
			<el-form  ref="form" :model="form" class="information_span" label-width="100px" size="mini">
				<p></p>
				<el-form-item class="table-title" label="电子病例"></el-form-item>
				<el-row>
					<el-col :span="7">
						<el-form-item label="姓名:">
							<!---->someone
						</el-form-item>
					</el-col>
					<el-col :span="7">
						<el-form-item label="性别:">
							{{data.gender}}
						</el-form-item>
					</el-col>
					<el-col :span="7">
						<el-form-item label="年龄:">
							{{data.age}}岁
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="12">
						<el-form-item label="住院流水号:">
							{{data.id}}
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="患者编号:">
							{{data.userId}}
						</el-form-item>
					</el-col>
				</el-row>
			</el-form>
			<DetailTable :data="data"></DetailTable>
		</div>
	</div>
</template>

<script>
	import StatusCheckBox from './StatusCheckBox.vue'
	import DetailTable from './DetailTable.vue'
	
	export default {
		/*
		 * 组件名
		 */
		name: 'CaseQuery',

		/*
		 * 使用的子组件
		 */
		components: {
			StatusCheckBox,DetailTable
		},

		/*
		 * 向组件外部暴露的变量
		 */
		props: {
			title: String,
			data: Object
		},

		/*
		 * 组件数据
		 */
		data() {
			return {
				//表单
				form: {
					name: '',
					gender: '',
					num1: 'ZY010000390342',
					num2: '80511054',
					date: '',
					diagnose1: '',
					diagnose2: '',
					state: ''
				},
				form2: {
					status1: '',
					status2: '',
					status3: '',
					region: ''

				},
				loading:true

			}
		},//end data

		/*
		 * 组件内部方法
		 */
		methods: {

		},

		/*
		 * 生命周期函数,页面创建时调用
		 */
		created() {
			
		},
		
		watch:{

		}
	}
</script>

<!-- 组件内部样式 -->
<style scoped>
	.grid-content {
		border-radius: 4px;
		min-height: 36px;
		margin-left: 20px;
	}
</style>
